import { Table } from 'antd'
import type { ColumnsType } from 'antd/es/table'
import data from './data.json'
import { ITableList } from './type'

const columns: ColumnsType<ITableList> = [
  {
    key: '_',
    align: 'center',
    title: '序号',
    dataIndex: '_',
    render: (_, __, index) => index + 1,
    width: 100,
  },
  {
    title: '设备编号',
    dataIndex: 'pointCode',
    key: 'pointCode'
  },
  {
    title: '设备名称',
    dataIndex: 'pointName',
    key: 'pointName',
    ellipsis: true, // 超出显示省略号
  },

]

export default function Form() {
  console.log(data)
  return (
    <Table
      size="small" // 表格大小
      dataSource={data} // 数据源
      columns={columns} // 列配置
      rowKey={(_) => _.pointCode} // 设置行键
    />
  )
}